<!--#layout("common/page.html",{"jsBase":"/js/"}){  -->
<div class="doc-container margin-top" id="doc-container">
    <div class="layui-container">
        <form class="layui-form" action="" onsubmit="return false" lay-filter="memberRegForm" id="memberRegForm">
            <div class="layui-form-item">
                <label class="layui-form-label">用户身份</label>
                <div class="layui-input-block">
                    <div id='memberType'></div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">登录名</label>
                <div class="layui-input-block">
                    <input type="text" name="loginName" lay-verify="required|loginNameIsExist" lay-reqText="登录名不能为空" placeholder="请输入登录名" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text" name="userName" lay-verify="required" lay-reqText="用户名不能为空" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">域名</label>
                <div class="layui-input-block">
                    <input type="text" name="domain" lay-verify="required|domainIsExist" lay-reqText="域名不能为空" placeholder="请输入域名" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">手机号</label>
                <div class="layui-input-block">
                    <input type="text" name="phone" lay-verify="required|phone" lay-reqText="手机号不能为空" placeholder="手机号不能为空" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-block">
                    <div class="layui-col-xs12 layui-col-xm6 layui-col-md6">
                        <input type="password" name="password" lay-verify="required|password" placeholder="请输入密码" lay-reqText="密码不能为空" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-col-xs12 layui-col-xm6 layui-col-md6">
                        <input type="password" name="rpassword" lay-verify="required|password|confirmPass" placeholder="请再次输入密码" lay-reqText="密码不能为空" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">所在地区</label>
                <layui:areaSelect id="area" size="5" style="layui-input-block" selected='[]' verifys="['required']" reqtext="['省份必须选择']"></layui:areaSelect>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">简介</label>
                <div class="layui-input-block">
                    <textarea name="description" placeholder="请输入内容" class="layui-textarea kindEditor"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">验证码</label>
                <div class="layui-input-inline">
                    <input type="text" name="verifyCode" lay-verify="required|validVeirfyCode" value="" autocomplete="off" placeholder="请输入验证码" lay-reqText="请输入图形码" class="layui-input verifyCode">
                </div>
                <div class="layui-form-mid" style="padding: 0 !important;">
                    <img class="verifyImg" src="/core/verify/image?token=reg" />
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="regSubmit" id="regSubmit">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
        <script>
            layui.extend({
                reg : '{/}${tpl}/layuiExts/member/reg'
            });
            layui.use(['form','reg','layer'], function(){
                var reg = layui.reg;
                var form = layui.form;
                reg.render({form:"#memberRegForm",memberTypeElement:"#memberType"});
            });
        </script>
    </div>
</div>
<!--#}  -->